<template>
  <div v-auto-height="adt" :style="{height: height}">
    <slot></slot>
  </div>
</template>

<script>
import autoHeight from '@/directive/div-box'

export default {
  name: 'CustomBox',
  directives: {autoHeight},
  props: {
    height: {
      type: String | Number,
      default: '100px'
    },
    outerHeight: {
      type: Number,
      default: 0
    },
  },
  computed: {
    adt() {
      return {
        outerOffset: this.outerHeight
      }
    }
  },
}

</script>

<style scoped lang="scss">

</style>
